unicode - bidi

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Частково

Частково

Так

Так

Так

Так

Так

Так

Ні

Ні

Так

Так

Так

Так

Коротка інформація

CSS

CSS2

Значення за умовчанням

normal

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

Ні

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/visuren.html#propdef - unicode - bidi

Опис

У європейських мовах читання тексту відбувається зліва направо, тоді як є мови, де текст читається справа наліво. При змішенні в одному документі різних по написанню символів (росіянина з івритом, приміром) в системі юникод, їх напрям визначається браузером з характеристик і утримуваного тексту. Властивості unicode - bidi і direction задають, як повинен розташовуватися текст використовуваної мови.

Синтаксис

unicode - bidi: normal | embed | bidi - override | inherit

Значення

normal

Браузер самостійно визначає, як йому слід відображати текст на основі символів юникода.

embed

Перевизначає параметри тексту, розташовуючи його, як вказано у властивості direction.

bidi - override

Аналогічний embed, але при цьому також міняється порядок символів в тексті, підкоряючись значенню direction.

inherit

Наслідує значення батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>unicode - bidi</title>
    <style type="text/css">
    DIV.rtl {
      unicode - bidi: bidi - override; /* Міняються характеристики тексту */
      direction: rtl; /* Текст пишеться справа наліво */ 
    }
    </style>
    </head>
    <body>
    <div class="rtl">
      <p>А троянда впала на лапу Азора.</p>
      <p>У лип Леша знайшов пилу.</p>
      <p>І місту доріг город край дороги.</p>
      <p>Вже я віники не в'яжу.</p>
      <p>Аргентина вабить негра.</p>
      <p>Він чудовий, палиндром - і ні морд, ні лап не видно.</p>
      <p>Але невидимий архангел, мороз візерунком ліг на храм і чудовий він.</p>
      <p>Леша на полиці клопа знайшов.</p>
      <p>Я не старий брат Сеня.</p>
    </div>
    </body>
    </html>

Результат цього прикладу показаний на мал. 1. Оскільки використовується значення bidi - override властивості unicode - bidi, то порядок символів в тексті міняється на зворотний. А саме на того, що вказаний властивістю direction. Зверніть увагу, що текст розташовується по правому краю вікна і читається справа наліво, що характерно для арабської мови.

Мал. 1. Результат використання unicode - bidi і direction

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.